<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>大数据2032名单</title>
    <script src="./js/echarts.min.js"></script>
    <script src="./js/jquery.min.js"></script>
</head>

<body>

    <div style="width: 600px;border: solid;">
        <h1 align="center">大数据2032名单</h1>
        <div align="center" style="background-color:rgb(55, 53, 53)"><button id="show" type="button">显示<button></div>
        <div id="dsj"></div>
    </div>

    <script>

        var stu = "";
        $(document).ready(function () {
            $("#show").click(function () {
                $.getJSON("./js/data2032.json", function (result) {
                    $.each(result, function (i, a) {
                        stu += "学号:" + a["num"] + "<br>";
                        stu += "姓名:" + a["name"] + "<br>";
                        stu += "性别:" + a["sex"] + "<br>";
                        stu += "<br>" + "<hr>";

                    })
                    $("#dsj").html(stu + " ");
                    console.log(stu)
                })
            })
        });

    </script>

</body>

</html>
